/*
This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at http://mozilla.org/MPL/2.0/.

Copyright (c) 2023-present Kaleidos INC
*/

img {
  inline-size: auto;
  inset-block-start: var(--banner-height);
  max-block-size: calc(100vh - var(--banner-height));
  pointer-events: none;
  position: absolute;
  transition: transform 0.2s ease-in-out;

  &.left {
    block-size: calc(100vh - var(--banner-height));
    inset-block-end: 0;
    inset-inline-start: 0;

    @media (--lt-small) {
      transform: scale(0.8) translate(-20%, 20%);
    }
  }

  &.right {
    block-size: calc(100vh - var(--banner-height));
    inset-block-start: var(--banner-height);
    inset-inline-end: 0;

    @media (--lt-small) {
      opacity: 0;
    }
  }
}
